@charset 'utf-8';

body{
	position: relative;
	background: #000;
	max-width: 10.8rem;
	margin: 0 auto;
}
.tp-bg{
	background: url(../images/bg1.png) top center  no-repeat;
	background-size: 100% auto;
	padding-bottom: 1.3rem;
	position: relative;
	z-index: 2;
}
.tp-tit{
	text-align: center;
}
.tp-tit img{
	width: 9.77rem;
}
.tp-intro{
	margin: .4rem auto 0;
	width: 9.49rem;
	/*height: 3.02rem;*/
	background: url(../images/bg2.png);
	background-size: 100% 100%;
	line-height: .5rem;
	color: #5d3c10;
	font-size: .36rem;
	padding-top: .4rem;
	box-sizing: border-box;
	padding-left: .3rem;
	padding-right: .28rem;
	padding-bottom: .3rem;
}
.tp-intro p{
	margin-bottom: .36rem;
}
.tp-intro p:last-child{
	margin-bottom: 0;
}
.nd-tit{
	text-align: center;
	color: #f2d997;
	font-size: .46rem;
	margin: .4rem 0 .5rem;
}
.nd-tit img{
	width: 6.66rem;
}
.nd-list{
	position: relative;
	margin: 0 .7rem .7rem;
}
.nd-list li{
	float: left;
	width: 2.67rem;
	margin-left: .68rem;
	text-align: center;
	padding-bottom: 1.04rem;
}
.nd-list li:first-child{
	margin-left: 0;
}
.nd-list li .img{
	width: 2.36rem;
	height: 3.13rem;
	background: url(../images/bg3.png) center no-repeat;
	background-size: 100% 100%;
	padding: .15rem .16rem;
}
.nd-list li .tt{
	margin: .08rem 0;
	color: #bb985a;
	font-size: .32rem;
}
.nd-list li .tj{
	color: #fff;
	font-size: .26rem;
	line-height: .5rem;
	position: absolute;
    bottom: .6rem;
    width: 2.67rem;
}
.nd-list li .tj img{
	width: .35rem;
	min-width: 12px;
}
.nd-list li .tj .num{
	display: inline-block;
	margin: 0 .14rem;
	font-size: .4rem;
}
.nd-list li .tj span{
	vertical-align: middle;
}
.nd-list li .btn{
	display: inline-block;
	width: 1.37rem;
	height: .48rem;
	line-height: .48rem;
	color: #fff;
	font-size: .35rem;
	background: url(../images/bg4.png);
	background-size: 100% 100%;
	position: absolute;
    bottom: 0;
    margin-left: -.68rem;
}
.his-t{
	text-align: center;
}
.his-t img{
	width: 6.89rem;
	height: .49rem;
}
.his-box{
	width: 9.91rem;
	/*height: 3.9rem;*/
	margin: -.12rem auto 0;
	background: url(../images/bg5.png);
	background-size: 100% 100%;
	padding: .64rem .4rem .5rem;
	box-sizing: border-box;
}
.his-box .tt{
	text-align: center;
	margin-bottom: .4rem;
}
.his-box .tt img{
	width: 7.52rem;
}
.his-l li{
	text-align: center;
	line-height: .62rem;
}
.his-l li img{
	margin-right: .1rem;
	height: .34rem;
}
.his-l li a{
	/*display: inline-block;*/
	vertical-align: middle;
	color: #fff;
	font-size: .4rem;
}
.f-bg{
	width: 100%;
	height: 10.5rem;
	background: url(../images/bg6.png) bottom center no-repeat;
	background-size: 100% auto;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 1;
}